<script setup>

</script>

<template>
  <div style="width: 100%;height: 999px;">
  <h3 style="font-weight: normal ;display: inline-block;
    font-size: 18px;
    padding: 8px 0 0;
    margin-right: 10px;
    border-radius: 3px;">我的订单</h3>
  <hr>
  <div style="width: 858px;height: 26px; ">
    <div style="width: 80px;height: 20px;background: #ea1a56;border-radius: 5px;font-size: 14px;color: #FFF;text-align: center;
        float: left;">全部订单</div>
    <p style="float: left; margin: 0px 0 0 50px">待付款</p>
    <p style="float: left; margin: 0px 0 0 50px">待出行</p>
      <select name="city" style="border-radius: 5px;border: none;float:right;margin: 4px 0 0 5px ">
        <option style="font: 15px “微软雅黑”;" value="1" selected>请选择</option>
        <option style="font: 15px “微软雅黑”;" value="2">独家线路</option>
        <option style="font: 15px “微软雅黑”;" value="3">签证</option>
        <option style="font: 15px “微软雅黑”;" value="4">门票</option>
        <option style="font: 15px “微软雅黑”;" value="5">机票</option>
      </select>
    <p style="float:right; margin: 0px 0 0 50px">订单类型:</p>

    <el-table :data="exchangeOrder" style="width: 100%;">
      <el-table-column prop="id" label="产品信息" width="180" align="center"></el-table-column>
      <el-table-column prop="id" label="出发日期" align="center"></el-table-column>
      <el-table-column prop="id" label="订单金额" width="180" align="center"></el-table-column>
      <el-table-column prop="id" label="订单状态" width="100" align="center"></el-table-column>
      <el-table-column prop="id" label="操作" width="80" align="center">
        <el-button type="warning" size="small">删除</el-button>
      </el-table-column>
      
    </el-table>
  </div>

  </div>
</template>

<style scoped>

</style>